<template>
	<div class="three">
		<h1>{{ msg }}</h1>
		<ul>
			<todo-item v-for="(item, index) in sites" :key="index" v-bind:todo="item"></todo-item>
		</ul>
	</div>
</template>

<script>
export default {
  name: 'three',
  data () {
    return {
      msg: '组件循环数据',
      sites: [
        { text: '吴梦婷' },
        { text: '赵春梅' },
        { text: '贾悦' }
      ]
    }
  }
}
</script>

<style>
  /*one页面*/
	h1,
	h2 {
		font-weight: normal;
	}

	ul {
		list-style-type: none;
		padding: 0;
	}

	li {
		display: inline-block;
		margin: 0 10px;
	}

	a {
		color: #0f0f0f;
	}
</style>
